<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通知提醒</title>
    <link rel="stylesheet" href="./view/通知提醒/styles.css">
</head>
<body>
<!-- 通知提醒 Unnamed (Rectangle) -->
<div id="u8029" class="ax_default heading_1">
    <div id="u8029_div" class=""></div>
    <div id="u8029_text" class="text ">
        <p><span>Notice 通知提醒</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8030" class="ax_default heading_1">
    <div id="u8030_div" class=""></div>
    <div id="u8030_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8031" class="ax_default label">
    <div id="u8031_div" class=""></div>
    <div id="u8031_text" class="text ">
        <p><span>在界面右上角显示可关闭的全局通知，常用于以下场景：</span></p><p><span>&#149; 通知内容带有描述信息</span></p><p><span>&#149; 系统主动推送</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8032" class="ax_default" data-left="230" data-top="1489" data-width="1040" data-height="90">

    <!-- Unnamed (Rectangle) -->
    <div id="u8033" class="ax_default box_1">
        <img id="u8033_img" class="img " src="assets/images/色彩/u376.svg"/>
        <div id="u8033_text" class="text ">
            <p><span style="color:#FFFFFF;">Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2d8cf0</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8034" class="ax_default box_1">
        <img id="u8034_img" class="img " src="assets/images/色彩/u377.svg"/>
        <div id="u8034_text" class="text ">
            <p><span style="color:#FFFFFF;">Light Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#5cadff</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8035" class="ax_default box_1">
        <img id="u8035_img" class="img " src="assets/images/色彩/u378.svg"/>
        <div id="u8035_text" class="text ">
            <p><span style="color:#FFFFFF;">Dark Primary</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2b85e4</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8036" class="ax_default box_1">
        <img id="u8036_img" class="img " src="assets/images/色彩/u379.svg"/>
        <div id="u8036_text" class="text ">
            <p><span style="color:#FFFFFF;">Info</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#2db7f5</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8037" class="ax_default box_1">
        <img id="u8037_img" class="img " src="assets/images/色彩/u380.svg"/>
        <div id="u8037_text" class="text ">
            <p><span style="color:#FFFFFF;">Success</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#19be6b</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8038" class="ax_default box_1">
        <img id="u8038_img" class="img " src="assets/images/色彩/u381.svg"/>
        <div id="u8038_text" class="text ">
            <p><span style="color:#FFFFFF;">Warning</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#ff9900</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8039" class="ax_default box_1">
        <img id="u8039_img" class="img " src="assets/images/色彩/u382.svg"/>
        <div id="u8039_text" class="text ">
            <p><span style="color:#FFFFFF;">Error</span></p><p><span style="color:rgba(255, 255, 255, 0.6);">#ed4014</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8040" class="ax_default box_1">
        <img id="u8040_img" class="img " src="assets/images/色彩/u383.svg"/>
        <div id="u8040_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">标题</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Title</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#17233d</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8041" class="ax_default box_1">
        <img id="u8041_img" class="img " src="assets/images/色彩/u384.svg"/>
        <div id="u8041_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">正文</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Content</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#515a6e</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8042" class="ax_default box_1">
        <img id="u8042_img" class="img " src="assets/images/色彩/u385.svg"/>
        <div id="u8042_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">辅助</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">图标</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Sub Color</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#808695</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8043" class="ax_default box_1">
        <img id="u8043_img" class="img " src="assets/images/色彩/u386.svg"/>
        <div id="u8043_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;">失效</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:#FFFFFF;"> Disabled</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">#</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';color:rgba(255, 255, 255, 0.6);">c5c8ce</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8044" class="ax_default box_1">
        <img id="u8044_img" class="img " src="assets/images/色彩/u387.svg"/>
        <div id="u8044_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">边框 Border</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#dcdee2</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8045" class="ax_default box_1">
        <img id="u8045_img" class="img " src="assets/images/色彩/u388.svg"/>
        <div id="u8045_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分隔线 Divider</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#e8eaec</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8046" class="ax_default box_1">
        <img id="u8046_img" class="img " src="assets/images/色彩/u389.svg"/>
        <div id="u8046_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">背景 Background</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#f8f8f9</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8047" class="ax_default label">
    <div id="u8047_div" class=""></div>
    <div id="u8047_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8048" class="ax_default label">
    <div id="u8048_div" class=""></div>
    <div id="u8048_text" class="text ">
        <p><span>只实现了样式。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8049" class="ax_default" data-left="230" data-top="382" data-width="336" data-height="52">

    <!-- Unnamed (Rectangle) -->
    <div id="u8050" class="ax_default box_1">
        <div id="u8050_div" class=""></div>
        <div id="u8050_text" class="text ">
            <p><span>这是通知标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8051" class="ax_default label">
        <div id="u8051_div" class=""></div>
        <div id="u8051_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8052" class="ax_default" data-left="230" data-top="455" data-width="336" data-height="103">

    <!-- Unnamed (Rectangle) -->
    <div id="u8053" class="ax_default box_1">
        <div id="u8053_div" class=""></div>
        <div id="u8053_text" class="text ">
            <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8054" class="ax_default label">
        <div id="u8054_div" class=""></div>
        <div id="u8054_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8055" class="ax_default label">
    <div id="u8055_div" class=""></div>
    <div id="u8055_text" class="text ">
        <p><span>提醒类型</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8056" class="ax_default label">
    <div id="u8056_div" class=""></div>
    <div id="u8056_text" class="text ">
        <p><span>带有状态图标的提醒。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8057" class="ax_default box_1">
    <div id="u8057_div" class=""></div>
    <div id="u8057_text" class="text ">
        <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8058" class="ax_default label">
    <div id="u8058_div" class=""></div>
    <div id="u8058_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8059" class="ax_default label">
    <div id="u8059_div" class=""></div>
    <div id="u8059_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8060" class="ax_default box_1">
    <div id="u8060_div" class=""></div>
    <div id="u8060_text" class="text ">
        <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8061" class="ax_default label">
    <div id="u8061_div" class=""></div>
    <div id="u8061_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8062" class="ax_default label">
    <div id="u8062_div" class=""></div>
    <div id="u8062_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8063" class="ax_default box_1">
    <div id="u8063_div" class=""></div>
    <div id="u8063_text" class="text ">
        <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8064" class="ax_default label">
    <div id="u8064_div" class=""></div>
    <div id="u8064_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8065" class="ax_default label">
    <div id="u8065_div" class=""></div>
    <div id="u8065_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8066" class="ax_default box_1">
    <div id="u8066_div" class=""></div>
    <div id="u8066_text" class="text ">
        <p style="font-size:14px;"><span style="color:#17223D;">这是通知标题</span></p><p style="font-size:12px;"><span style="color:#515A6E;">这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述，这里是通知描述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8067" class="ax_default label">
    <div id="u8067_div" class=""></div>
    <div id="u8067_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8068" class="ax_default label">
    <div id="u8068_div" class=""></div>
    <div id="u8068_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8069" class="ax_default box_1">
    <div id="u8069_div" class=""></div>
    <div id="u8069_text" class="text ">
        <p><span>这是通知标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8070" class="ax_default label">
    <div id="u8070_div" class=""></div>
    <div id="u8070_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8071" class="ax_default label">
    <div id="u8071_div" class=""></div>
    <div id="u8071_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8072" class="ax_default box_1">
    <div id="u8072_div" class=""></div>
    <div id="u8072_text" class="text ">
        <p><span>这是通知标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8073" class="ax_default label">
    <div id="u8073_div" class=""></div>
    <div id="u8073_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8074" class="ax_default box_1">
    <div id="u8074_div" class=""></div>
    <div id="u8074_text" class="text ">
        <p><span>这是通知标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8075" class="ax_default label">
    <div id="u8075_div" class=""></div>
    <div id="u8075_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8076" class="ax_default box_1">
    <div id="u8076_div" class=""></div>
    <div id="u8076_text" class="text ">
        <p><span>这是通知标题</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8077" class="ax_default label">
    <div id="u8077_div" class=""></div>
    <div id="u8077_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8078" class="ax_default label">
    <div id="u8078_div" class=""></div>
    <div id="u8078_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8079" class="ax_default label">
    <div id="u8079_div" class=""></div>
    <div id="u8079_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8080" class="ax_default label">
    <div id="u8080_div" class=""></div>
    <div id="u8080_text" class="text ">
        <p><span></span></p>
    </div>
</div>
</body>
</html>
